$(function() {
	//针对单个文件
	initUploadFile();
	var defaultIndex = 0;
	var dropZone = $("#dropZone")[defaultIndex]; 
	//因为$("#dropZone")[j]取得是一个html元素吧，用jquery的方法不能用，你可以直接.className="che"；
	var label = $("#upText");
	// drag进入事件
	dropZone.addEventListener("dragenter", function(e) {
		$("#dropZone").addClass("drop");
		$("#dropZone").html("松手完成上传");
		/* 或者使用以下html元素的方式
		dropZone.className="drop";
		dropZone.innerHTML="松手完成上传";*/
	}, false);

	// drag移出事件
	dropZone.addEventListener("dragleave", function(e) {
		$("#dropZone").removeClass("drop");
		$("#dropZone").html("松手完成上传");
		/*dropZone.className="";
		dropZone.innerHTML="将文件拖拽到这里";*/
	}, false);
	
	// drag划过事件
	dropZone.addEventListener("dragover", function(e){
		//console.log("1111");
        e.preventDefault();
    });
	
	// 松开鼠标事件
	dropZone.addEventListener("drop", function(e) { // 取消默认浏览器拖拽效果
		e.preventDefault();
		if(e.dataTransfer.types.length<=0){
			console.log("无法识别的文件类型,暂时不处理.");
			$("#dropZone").removeClass("drop");
			$("#dropZone").html("将文件拖拽到这里");
			return ; 
		}
		var fileList = e.dataTransfer.files;
		var itemsList = e.dataTransfer.items;
		if(itemsList.length==1 && itemsList[defaultIndex].kind=="file"){
			console.log("fileList[defaultIndex].name="+fileList[defaultIndex].name);
			$("#upText").text(fileList[defaultIndex].name); // 
			//如果要获取一个完整的路径,必须要有 file 标签, 才能获取到绝对路径以及对应的file对象
		}else{
			console.log("文件夹以及多文件暂时不处理");
			alert("文件夹以及多文件暂时不处理");
			return ;
		}
		//跑这个
		//upload(fileList[0]);
		//还原CSS
		$("#dropZone").removeClass("drop");
		$("#dropZone").html("已经完成一个上传, 若要继续上传, 则新增文件");
	}, false);

});


//如果要获取一个完整的路径,必须要有 file 标签, 才能获取到绝对路径以及对应的file对象
function initUploadFile(){
	//创建一个隐藏的file标签对象, 并且绑定change事件即可
	var realFileElement = document.createElement("input");
	realFileElement.setAttribute("type", "file");
	realFileElement.setAttribute("multiple", true);
	realFileElement.style.display = "none";
	realFileElement.addEventListener("change", function(obj){
		var fileFullName = obj.target.value;
		var f = obj.target.files[0];
		$("#upFilePath").val(fileFullName);
	});
	document.body.appendChild(realFileElement);
}

